<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery-3.7.1.min.js"></script>
		<script type="application/javascript">
			function imgCreate() {
			  $.ajax({
				type: "GET",
				url: "http://localhost:8080/img",
				data: {
				  "question": $("#myquestion").val()
				},
				success: function(data) {
				  $("#myimg").attr("src",data);
				}
			  });
			}

		</script>
	</head>
	<body>
		<table border="2" width="60%" height="100%" align="center">
			<tr>
				<td width="20%" align="center">
					<br><br><br>
					<a href="create.html"><b>AI创作</b></a>
					<br><br><br><br><br><br><br>
					<font color="red" size="4">AI配图<br></font><br><br><br><br><br><br>会员<br><br><br><br><br><br><br>
				</td>
				<td align="center" valign="top">
					<br><br>
					<input type="text" size="60" id="myquestion" placeholder="请输入您的问题"><input type="button" value="AI图片生产" onclick="imgCreate()">
					<br><br>
					<img width="500" height="300"  id="myimg"/>
					<br><br>
					<input type="button" value="复制图片" />
				</td>
			</tr>
		</table>
	</body>
</html>
